<template>
  <UploadExcel :on-success="upload" />
</template>

<script>
import { importEmployee } from '@/api/employees'
export default {
  methods: {
    async upload(data) {
      // 可以得到这个插件解析后的数据作为参数
      // console.log('excel 解析完毕')
      // console.log('excel 解析完毕')
      // console.log(data)
      // console.log(data)
      // 这个地方,我们的每行数据组成了数组再 data.results当中
      // // 这个地方,我们的每行数据组成了数组再 data.results当中
      console.log(data.results)
      // console.log(data.results)
      // // 我们得到的数据如下
      // const importData = [
      //   { 姓名: '小王', 工号: '10086' },
      //   { 姓名: '中王', 工号: '10087' },
      //   { 姓名: '大王', 工号: '10088' }
      // ]
      // // 我们要发到后台的数据如下
      // const newData = [
      //   { username: '小王', workNumber: '10086' },
      //   { username: '中王', workNumber: '10087' },
      //   { username: '大王', workNumber: '10088' }
      // ]
      // 这里可以遍历数组, 每个用户对象都翻译一下即可
      // 1. 拿到数组本身
      const oldData = data.results
      // 2. 遍历数组每个元素, 每个都生成新的用户对象组成新数组
      const newData = oldData.map(user => {
        // 这里可以得到每个用户(中文key)
        // console.log('中文key')
        // console.log(user)
        // 单独针对一个员工进行翻译, 最终的结果返回回来就行了
        // const newUser = this.enToZh(user)
        // return newUser
        // 每个中文用户都丢到翻译函数中进行处理
        return this.enToZh(user)
      })
      console.log(oldData)
      console.log(newData)
      // 发送请求添加数据
      await importEmployee(newData)
      // 提示用户
      this.$message.success('添加成功')
      // 完成后返回导入页
      this.$router.back()
    },
    enToZh(user) {
      // 1. 准备字典
      const dict = {
        '入职日期': 'timeOfEntry',
        '手机号': 'mobile',
        '姓名': 'username',
        '转正日期': 'correctionTime',
        '工号': 'workNumber'
      }
      // 2. 准备一个新用户对象
      const newUser = {}
      // 3. 遍历旧对象, 得到 英文key: 原有 value值 的结构,放入新用户中
      for (const key in user) {
        // 这里可以得到当前用户的每一个 key
        console.log('当前的 key:', key)
        const enKey = dict[key]
        console.log('翻译英文 key', enKey)
        // 拿回对应的valu
        const value = user[key]
        console.log('当前 value:', value)
        // 判断是不是包含日期的格式
        if (enKey === 'timeOfEntry' || enKey === 'correctionTime') {
          newUser[enKey] = new Date(this.formatDateExcel(value, '/'))
        } else {
          newUser[enKey] = value
        }
      }
      return newUser
      // console.log(newUser)
    },
    // excel日期格式的转换
    formatDateExcel(numb, format) {
      const time = new Date((numb - 1) * 24 * 3600000 + 1)
      time.setYear(time.getFullYear() - 70)
      const year = time.getFullYear() + ''
      const month = time.getMonth() + 1 + ''
      const date = time.getDate() + ''
      if (format && format.length === 1) {
        return year + format + month + format + date
      }
      return year + (month < 10 ? '0' + month : month) + (date < 10 ? '0' + date : date)
    }
  }
}
</script>

<style>

</style>
